<%@ page language="java" contentType="text/html; UTF-8"
         pageEncoding="UTF-8"%>

<%@include file="/modern/common/common.jsp"%>
<body>
<%@include file="/modern/common/navigation.jsp"%>

<%--<style>
  .zhuanjia{
    height: 190px;
    width: 550px;
    /*background-color: #E1FFFF;*/
    margin-left: 20px;
    margin-top: 0px;
    float:left;
    display: inline;
    border: solid 1px #87CEEB ;
    box-shadow: 0 5px 25px 0 rgba(120, 215, 216, 0.6);
  }
  .zhuanName{
    width: 356px;
    height: 165px;
    margin-right: 2px;
    margin-top: -148px;
    float: right;
    /*position: absolute;*/
    /*right: 0px;*/
    /*top: 0px;*/
  }
  .zhuanLieBiao{
    margin-left: 20px;
    margin-top: 20px;
    width: 150px;
    height: 150px;
    /*position: absolute;
    left: 0px;
    top: 0px;*/
  }
  .lieBiao{
    width: 150px;
    height: 150px;
  }
  .zhuanName span{
    font-size: 15px;
    font-weight: bold;
    color: #c43a30;
  }
  .xiangQing {
    font-size:18px;
    font-weight: bold;
    color: #c43a30;
  }
</style>--%>


<style>
  .zhuanjia{
    height: 190px;
    width: 800px;
    /*background-color: #E1FFFF;*/
    margin-left: 172px;
    margin-top: 0px;
    border: solid 1px #87CEEB ;
    box-shadow: 0 5px 25px 0 rgba(120, 215, 216, 0.6);
  }
  .zhuanName{
    width: 500px;
    height: 165px;
    margin-right: 76px;
    margin-top: 45px;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  .zhuanLieBiao{
    margin-left: 20px;
    margin-top: 20px;
    width: 150px;
    height: 150px;
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .lieBiao{
    width: 150px;
    height: 150px;
  }
  .zhuanName span{
    font-size: 15px;
    font-weight: bold;
    color: #c43a30;
  }
  .xiangQing {
    font-size:18px;
    font-weight: bold;
    color: #c43a30;
  }
</style>
<main id="main">

    <!-- ======= Our Portfolio Section ======= -->
    <section class="breadcrumbs">
      <div class="container">

        <div class="d-flex justify-content-between align-items-center">
          <h2>专家团队</h2>
          <ol>
            <li><a href="<%=path%>/index">首页</a></li>
            <li>专家团队</li>
          </ol>
        </div>

      </div>
    </section><!-- End Our Portfolio Section -->

    <!-- ======= Portfolio Section ======= -->
    <section class="portfolio">
      <div class="container">

        <div class="row">
          <div class="col-lg-12">
            <ul id="portfolio-flters">
              <li data-filter="*" class="filter-active">专家团队</li>
            </ul>
          </div>
        </div>

        <div class="row portfolio-container" data-aos="fade-up" data-aos-easing="ease-in-out" data-aos-duration="500">
          <%--<c:forEach var="item" items="${data}">
            <div class="col-lg-4 col-md-6 filter-web">
              <div class="portfolio-item">
                &lt;%&ndash;<img src="<%=SystemManage.getInstance().getSystemSetting().getImageRootPath()%>/${item.image}" class="img-fluid" alt="">&ndash;%&gt;
                <img src="${item.image}" class="img-fluid" alt="">
                <div class="portfolio-info">
                  &lt;%&ndash;<h3><a href="<%=SystemManage.getInstance().getSystemSetting().getImageRootPath()%>/${item.image}" data-gall="portfolioGallery" class="venobox" title="${item.title}">${item.title}</a></h3>&ndash;%&gt;
                  <h3><a href="${item.image}" data-gall="portfolioGallery" class="venobox" title="${item.title}">${item.title}</a></h3>
                  &lt;%&ndash;<a href="<%=SystemManage.getInstance().getSystemSetting().getImageRootPath()%>/${item.image}" data-gall="portfolioGallery" class="venobox" title="${item.title}"><i class="icofont-plus"></i></a>&ndash;%&gt;
                  &lt;%&ndash;<a href="${item.image}" data-gall="portfolioGallery" class="venobox" title="${item.title}"><i class="icofont-plus"></i></a>&ndash;%&gt;
                </div>
              </div>
            </div>
          </c:forEach>--%>
            <c:forEach var="item" items="${data}">
              <div class=" zhuanjia">
                <div class="zhuanLieBiao">
                    <%--<img src="<%=SystemManage.getInstance().getSystemSetting().getImageRootPath()%>/${item.image}" class="img-fluid lieBiao" />--%>
                  <img src="${item.image}" class="img-fluid lieBiao" />
                </div>
                <div class="zhuanName">
                  <p><span>姓&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp名：</span>${item.lawyerName}</p>
                    <%--<p><span>擅&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp长：</span>${item.expert}</p>--%>
                  <p><span>简&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp介：</span>
                    <c:if test="${fn:length(item.lawyerIntroduce) > 20 }">
                      ${fn:substring(item.lawyerIntroduce,0,80)}......
                      <a src="" href="<%=path%>/manage/lawyer/lawyerInfo?lawyerId=${item.lawyerId}" class="xiangQing">[详细信息]</a>
                    </c:if>
                      <%--<c:if test="${fn:length(item.lawyerIntroduce)  <= 40 }">
                          ${item.lawyerIntroduce}
                      </c:if>--%>
                  </p>
                </div>
              </div>
            </c:forEach>

        </div>
      </div>
    </section><!-- End Portfolio Section -->

  </main><!-- End #main -->

<%@include file="/modern/common/foot.jsp" %>
